img {
  width: 100%;
  height: 100%;
}
.cart {
  padding: 40rpx 40rpx 140rpx;
  position: relative;
}
.topfelx {
  display: flex;
  justify-content: space-between;
}
.numgoods {
  font-size: 24rpx;
  color: rgba(6, 2, 26, 0.6);
}
.changegoods {
  font-size: 28rpx;
  color: #06021a;
}
.goodsbox {
  margin-top: 40rpx;
}
.goodsone {
  width: 100%;
  border-radius: 20rpx;
  background: #fff;
  margin-bottom: 40rpx;
}
.goods {
  display: flex;
  padding: 20rpx 0;
  border-top: 1px solid #f6f6f6;
}
.goodsimg {
  width: 152rpx;
  height: 152rpx;
  margin: 0 20rpx;
  border-radius: 20rpx;
  position: relative;
}
.goodsimg image {
  width: 100%;
  height: 100%;
}
.downbox {
  border-radius: 20rpx;
  position: absolute;
  top: 0;
  width: 100%;
  background: rgba(96, 96, 96, 0.83);
  color: #fff;
  font-size: 28rpx;
  line-height: 152rpx;
  text-align: center;
}
.goodsdex {
  width: calc(100% - 232rpx);
  position: relative;
}
.goodsname {
  position: absolute;
  top: 0;
  font-size: 28rpx;
  color: #201d1d;
}
.goodsprice {
  position: absolute;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.goodsprice .inpclass {
  color: black;
}
.price {
  font-size: 32rpx;
  color: #ef402b;
}
.goods:first-child {
  border-top: 0;
}
.paybox {
  position: fixed;
  bottom: 0rpx;
  left: 0px;
  width: calc(100% - 40rpx);
  background: #fff;
  border-top-left-radius: 20rpx;
  border-top-right-radius: 20rpx;
  display: flex;
  justify-content: flex-end;
  padding: 20rpx;
}
.paydes {
  width: calc(100% - 380rpx);
  margin: 0 20rpx;
  font-size: 24rpx;
  position: relative;
  align-self: center;
}
.payprice {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  line-height: 42rpx;
}
.pricenum {
  color: #ef402b;
  font-size: 32rpx;
  font-weight: 550;
}
.payinfo {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  position: absolute;
  bottom: 0;
  color: #ef402b;
}
